<script setup >

//这里是加载图标
import {
  Location,
  User,
  Tools,
  Message,
} from '@element-plus/icons-vue'
</script>

<template>
  <!--  菜单标题-->
  <h5 class="mb-2">Default colors</h5>
  <!--  菜单根-->
  <el-menu
      default-active="1"
      router
  >
    <!--    之类是子菜单
    这里注意index指
    -->
    <el-sub-menu index="1">
      <template #title>
        <el-icon><location /></el-icon>
        <span>查询数据</span>
      </template>
      <el-menu-item index="/admin/temp">
        <el-icon><Message /></el-icon>
        <span>用户</span>
      </el-menu-item>
      <el-menu-item index="/404">资产转移</el-menu-item>
      <el-menu-item index="/404">资产处理</el-menu-item>
    </el-sub-menu>
    <el-sub-menu index="2">
      <template #title>
        <el-icon><User/></el-icon>
        <span>用户管理</span>
      </template>
      <el-menu-item index="/404">用户信息</el-menu-item>
      <el-menu-item index="/404">用户修改</el-menu-item>
      <el-menu-item index="/404">用户安全</el-menu-item>
    </el-sub-menu>
    <el-sub-menu index="3">
      <template #title>
        <el-icon><Tools /></el-icon>
        <span>系统管理</span>
      </template>
      <el-menu-item index="/404">锁定屏幕</el-menu-item>
      <el-menu-item index="/404">退出系统</el-menu-item>
    </el-sub-menu>
  </el-menu>

</template>

<style scoped>

</style>